<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=480,user-scalable=no" />
		<title>寳旅</title>
	</head>
	<script src="js/main.js" type="text/javascript"></script>
	<link rel="stylesheet" type="text/css" href="css/首页.css" />

	<body>
		<div class="lby-top">
			<h2>寳旅</h2>
			<div id="lbydhk">
				<img src="img/导航.png" / id="lby-dh">
				<ul id="lby-dh-b">
					<li>
						<a href="首页.html">首页</a>
					</li>
					<li>
						<a>旅游景点</a>
					</li>
					<li>
						<a>客服咨询</a>
					</li>
					<li>
						<a href="#">顶部</a>
					</li>
					<li>
						<a>关闭</a>
					</li>
				</ul>
			</div>
			<script type="text/javascript">
				var lbydhk = document.getElementById("lbydhk");
				var lbydhb = document.getElementById("lby-dh-b");
				var qaz = 0;
				lbydhk.onclick = function() {
					qaz++;
					if(qaz == 10) {
						qaz = 0;
						alert("白线以下部分被遮盖，链接在此不能点击，请将链接移动至白线上方再次点击，请勿频繁点击");
					}
				}
			</script>
		</div>
		<div class="lby-center-a">
			<ul id="lby-lbt" style="transition: all 0.4s;">
				<li><img src="img/img-g.jpg" /></li>
				<li><img src="img/null-5037af236f7822d1.jpg" /></li>
				<li><img src="img/null28b48e3c1252295f.jpg" /></li>
				<li><img src="img/null636320def683310a.jpg" /></li>
				<li><img src="img/null3fe07f9ec524211f.jpg" /></li>
			</ul>
		</div>
		<div class="lby-center-e">
			<ul id="byyul" style="width: 56%;height: 0.5rem;background: #ccc;float: right;margin-right: 0.2rem;transition: all 1s;border-radius: 40px;">
				<li style="background: #000;"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<div class="lby-title" id="by-tit">
				<h4 id="hfor"></h4>
			</div>
			<ul>
				<li id="by-lia"><img src="img/丸子妹 (2).jpg" / style="width: 2rem;height: 2.5rem;">
					<p>我就不明白为什么不买薯片</p>
				</li>
				<li id="by-lib"><img src="img/丸子妹 (3).jpg" / style="width: 2rem;height: 2.5rem;">
					<p>是要去买薯片吗？真的吗？</p>
				</li>
				<li id="by-lic"><img src="img/丸子妹.jpg" / style="width: 2rem;height: 2.5rem;">
					<p>嘟嘟，是真的要来买薯片了</p>
				</li>
			</ul>
		</div>
		<div class="lby-center-c">
			<div class="lby-center-c-gg">
				<p>通知公告</p>
			</div>
			<marquee behavior="scroll">孤寡孤寡的小蛙蛙，天天板着脸像一个大王八，滴滴叭叭打喇叭，婆婆子嘴巴真烦呐，走起路来东倒西歪，孤寡孤寡真快活...</marquee>
		</div>
		<div class="lby-center-d">
			<img src="img/null3fe07f9ec524211f.jpg" id="lby-aas" style="width: 3rem;height: 2.6rem;opacity: 0;" />
			<div id="lby-center-d-p">
				<p>这</p>
				<p>是</p>
				<p>2</p>
				<p>0</p>
				<p>2</p>
				<p>1</p>
				<p>年</p>
				<p>的</p>
				<p>晚</p>
				<p>上</p>
				<p>所</p>
				<p>建</p>
				<p>立</p>
				<p>的</p>
				<p>一</p>
				<p>个</p>
				<p>普</p>
				<p>通</p>
				<p>到</p>
				<p>不</p>
				<p>能</p>
				<p>在</p>
				<p>普</p>
				<p>通</p>
				<p>的</p>
				<p>自</p>
				<p>建</p>
				<p>网</p>
				<p>站</p>
				<p>，</p>
				<p>本</p>
				<p>网</p>
				<p>站</p>
				<p>主</p>
				<p>要</p>
				<p>运</p>
				<p>营</p>
				<p>旅</p>
				<p>游</p>
				<p>业</p>
				<p>（</p>
				<p>就</p>
				<p>说</p>
				<p>着</p>
				<p>玩</p>
				<p>玩</p>
				<p>）</p>
				<p>然</p>
				<p>后</p>
				<p>使</p>
				<p>用</p>
				<p>的</p>
				<p>效</p>
				<p>果</p>
				<p>都</p>
				<p>是</p>
				<p>老</p>
				<p>师</p>
				<p>教</p>
				<p>过</p>
				<p>的</p>
				<p>或</p>
				<p>者</p>
				<p>是</p>
				<p>自</p>
				<p>己</p>
				<p>摸</p>
				<p>索</p>
				<p>的</p>
				<p>，</p>
				<p>基</p>
				<p>本</p>
				<p>一</p>
				<p>些</p>
				<p>代</p>
				<p>码</p>
				<p>和</p>
				<p>效</p>
				<p>果</p>
				<p>都</p>
				<p>是</p>
				<p>瞎</p>
				<p>写</p>
				<p>的</p>
				<p>，</p>
				<p>但</p>
				<p>总</p>
				<p>体</p>
				<p>花</p>
				<p>费</p>
				<p>了</p>
				<p>很</p>
				<p>大</p>
				<p>的</p>
				<p>精</p>
				<p>力</p>
				<p>做</p>
				<p>出</p>
				<p>来</p>
				<p>的</p>
				<p>成</p>
				<p>果</p>
				<p>。</p>
				<p>虽</p>
				<p>然</p>
				<p>这</p>
				<p>一</p>
				<p>路</p>
				<p>来</p>
				<p>很</p>
				<p>是</p>
				<p>艰</p>
				<p>辛</p>
				<p>，</p>
				<p>但</p>
				<p>有</p>
				<p>满</p>
				<p>满</p>
				<p>的</p>
				<p>收</p>
				<p>获</p>
				<p>也</p>
				<p>值</p>
				<p>了</p>
				<p>，</p>
				<p>最</p>
				<p>后</p>
				<p>祝</p>
				<p>大</p>
				<p>家</p>
				<p>好</p>
				<p>好</p>
				<p>学</p>
				<p>习</p>
				<p>，</p>
				<p>努</p>
				<p>力</p>
				<p>上</p>
				<p>进</p>
				<p>，</p>
				<p>天</p>
				<p>天</p>
				<p>开</p>
				<p>心</p>
				<p>!</p>
				<p></p>
			</div>
		</div>
		<div class="lby-center-b">
			<ul>
				<li>
					<p id="by-pa" style="margin-left: -0.2rem;transition: all 1s;opacity: 0;">> 计费标准:</p><img src="img/img-g.jpg" id="lby-img-a" />
					<p style="color: red;" id="lby-p-a">项目名称:嘉业盛业度假村 ></p><br />
					<p id="lby-p-b">价格:1400/天 ></p><br />
					<p id="lby-p-c">活动项目:共12项游乐项目 ></p>
				</li>
				<li>
					<p id="by-pb" style="margin-left: -0.2rem;transition: all 1s;opacity: 0;">> 计费标准:</p><img src="img/null28b48e3c1252295f.jpg" id="lby-img-b" />
					<p style="color: red;" id="lby-p-aa">项目名称:嘉业海边旅游景点 ></p><br />
					<p id="lby-p-bb">价格:2700/天 ></p><br />
					<p id="lby-p-cc">活动项目:共17项游乐项目 ></p>
				</li>
				<li>
					<p id="by-pc" style="margin-left: -0.2rem;transition: all 1s;opacity: 0;">> 计费标准:</p><img src="img/null3fe07f9ec524211f.jpg" id="lby-img-c" />
					<p style="color: red;" id="lby-p-aaa">项目名称:嘉业青青大草原 ></p><br />
					<p id="lby-p-bbb">价格:790/天 ></p><br />
					<p id="lby-p-ccc">活动项目:共7项游乐项目 ></p>
				</li>
			</ul>
		</div>
		<div class="lby-var" style="height:6rem;background: #111;overflow: hidden;position: relative;">
			<div id="lby-ver" style="margin-top: -6rem;transition: all 1s;">
				<div id="byy" style="margin-left: 50%;margin-left: 50%;transform: translateX(-16%);transition: all 0.2s;">
					<h2 id="ha" style="color: aqua;font-size: 0.3rem;text-align: center;display: inline-block;margin-top: 0.2rem;">合作伙伴</h2>
					<h5 id="hb" style="color: #fff;font-size: 0.2rem;text-align: center;display: inline-block;margin-top: 0.32rem;cursor: pointer;margin-left: 1rem;">友情链接</h5>
				</div>
				<ul class="by">
					<li style="text-align: center;"><img src="img/IMG_20201011_202620.png" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: #fff;">旭日传媒</p>
					</li>
					<li style="text-align: center;"><img src="img/13-43-14-014.jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: #fff;">koka传媒</p>
					</li>
					<li style="text-align: center;"><img src="img/IMG_20201014_183300.jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: #fff;">漫威</p>
					</li>
					<li style="text-align: center;"><img src="img/null-4275066d28dfd36.jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: #fff;">雨墨漫业</p>
					</li>
					<li style="text-align: center;"><img src="img/1601899336_1034B2419331FC6821FB9326598E20D3 (2).jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: #fff;">张娱文化</p>
					</li>
					<li style="text-align: center;"><img src="img/坤.jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: #fff;">雷步</p>
					</li>
					<li style="text-align: center;"><img src="img/丸子妹.jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: #fff;">李先森商旅</p>
					</li>
					<li style="text-align: center;"><img src="img/丸子妹 (2).jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: #fff;">丸子妹商旅</p>
					</li>
					<li style="text-align: center;"><img src="img/null2b595f0e6d3ed7dc.jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: #fff;">寳旅商旅</p>
					</li>
				</ul>
			</div>
			<ul id="ulb" class="byb" style="color: #fff;width: 100%;height: 6rem;background: #111;position: absolute;top: 6rem;transition: all 0.4s;">
				<ul class="by">
					<li style="text-align: center;"><img src="img/null2b595f0e6d3ed7dc.jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: red;">寳旅商旅</p>
					</li>

					<li style="text-align: center;"><img src="img/丸子妹.jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: red;">李先森商旅</p>
					</li>
					<li style="text-align: center;"><img src="img/丸子妹 (2).jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: red;">丸子妹商旅</p>
					</li>
					<li style="text-align: center;"><img src="img/IMG_20201011_202620.png" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: red;">旭日传媒</p>
					</li>
					<li style="text-align: center;"><img src="img/1601899336_1034B2419331FC6821FB9326598E20D3 (2).jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: red;">张娱文化</p>
					</li>
					<li style="text-align: center;"><img src="img/13-43-14-014.jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: red;">koka传媒</p>
					</li>
					<li style="text-align: center;"><img src="img/IMG_20201014_183300.jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: #fff;">漫威</p>
					</li>
					<li style="text-align: center;"><img src="img/null-4275066d28dfd36.jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: #fff;">雨墨漫业</p>
					</li>
					<li style="text-align: center;"><img src="img/坤.jpg" / style="width: 1rem;height: 1rem;border-radius: 50rem;">
						<p style="color: #fff;">雷步</p>
					</li>
				</ul>
			</ul>
		</div>
		<script type="text/javascript">
			var ha = document.getElementById("ha");
			var hb = document.getElementById("hb");
			var ulb = document.getElementById("ulb");
			var byy = document.getElementById("byy");
			hb.onclick = function() {
				ulb.style.top = '0.8rem';
				byy.style.transform = "translateX(-74%)"
				hb.style.fontSize = "0.3rem"
				hb.style.color = "aqua"
				hb.style.marginTop = "0.2rem"
				ha.style = "color: #fff;font-size: 0.2rem;text-align: center;display: inline-block;margin-top: 0.32rem;cursor: pointer;"
			}
			ha.onclick = function() {
				ulb.style.top = '6rem';
				byy.style.transform = "translateX(-16%)"
				ha.style.fontSize = "0.3rem"
				ha.style.color = "aqua"
				ha.style.marginTop = "0.2rem"
				hb.style = "color: #fff;font-size: 0.2rem;text-align: center;display: inline-block;margin-top: 0.32rem;cursor: pointer;margin-left: 1rem;"
			}
		</script>
		<div class="lby-center-f">
			<p>©寳旅 著作2021年4月14日</p><br />
			<p>赞助商:
				<p style="color: aqua;">嘉业传媒 张娱文化 寳旅商旅</p>
			</p><br />
			<a href="#" style="margin-left: 2rem;color: red;margin-top: 0.1rem;display: inline-block;">
				https://webxiaobao.gitee.io/boayan</a>
		</div>
		<div class="byjw" style="height: 1rem;background: greenyellow;text-align: center;line-height: 1rem;">
			<h1 style="color: #000;font-size: 0.3rem;">更多精彩内容正在制作...</h1>
		</div>
	</body>
	<script src="js/轮播图.js" type="text/javascript"></script>
	<script src="js/导航.js" type="text/javascript"></script>
	<script src="js/卷帘判断.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var lia = document.getElementById("by-lia");
		var lib = document.getElementById("by-lib");
		var lic = document.getElementById("by-lic");
		var tit = document.getElementById("by-tit");
		var hfor = document.getElementById("hfor");
		tit.style.marginLeft = "0.2rem";
		tit.style.opacity = "1";
		var b = 0;
		setInterval(asda, 400);
		zzz = setInterval(sss, 2200);
		function sss() {
			alert("网站主要为移动端显示，PC端可能显示错误")
			clearInterval(zzz);
		}

		function asda() {
			b++;
			if(b == 1) {
				lia.style.opacity = '1';
				lia.style.marginTop = '0rem';
			}
			if(b == 2) {
				lib.style.opacity = '1';
				lib.style.marginTop = '0rem';
			}
			if(b == 3) {
				lic.style.opacity = '1';
				lic.style.marginTop = '0rem';
				hfor.innerHTML = "丸子妹专场";
			}
		}
		time = setInterval(sd, 2000);
		
		function sd() {
			var taday = new Date();
			console.log(taday);
			var h = taday.getHours();
			var m = taday.getMinutes();
			var s = taday.getSeconds();

			hours = h < 10 ? '0' + h : h;
			minutes = m < 10 ? '0' + m : m;
			seconds = s < 10 ? '0' + s : s;
			if(h > 12) {
				alert("您好,本次开启是下午" + h + "点" + m + "分");
			} else {
				alert("您好,本次开启是上午" + h + "点" + m + "分");
			}
			clearInterval(time);
		}
	</script>

</html>